<template>
  <div class="about">
    <DetailHead></DetailHead>
    <DetailMain :courseId="$route.query.id"></DetailMain>
    <FootView></FootView>
  </div>
</template>
<script>
// @ is an alias to /src
import DetailHead from '@/components/DetailHead.vue'
import DetailMain from './components/DetailMain.vue'
import FootView from '@/components/FootView.vue'
export default {
  name: 'AboutView',
  components: {
    DetailHead,
    DetailMain,
    FootView
  },
  data() {
        return {
            courseId: null
        };
    },
    created() {
        this.courseId = this.$route.query.id;
    }
}
</script>

